<template>
      <div class="img_box0">
            <ul style="padding:0;">
              <li v-for="(item,index) in list" :key="index" style="height:70px;border-bottom:1px solid rgba(33,33,33,.2);display: flex; justify-content: center; align-items: center; 
justify-content: center; ">
              <div>
                <div style="width:70%;min-width:400px;float:left">{{item.name}}</div>
                <div style="float:right">
                  <a>{{item.exchangeDate|dateFilter}} {{item.exchangeDate|timeFilter}}</a>
                </div>
              </div>
              </li>
            </ul>
      </div>
</template>

<script>
import {mapState} from 'vuex'
  export default {
    name:'userinfo',
    data() {
      return {
        aa:'',
        form:{
          newpassword: '',
          oldpassword:'',
          price:''
        },
        list:[]
      }
    },
    computed:{
    ...mapState({
        'ss':state=>state.userinfo
    }),
    },
    created(){
      if(this.ss.gender==0){
        this.aa="女"
      }else{
        this.aa="男"
      }
      this.getList()
    },
    methods: 
    {
      async getList(){
      const data = await this.aGet ('/shop/exchangedRecord',{
        id:this.ss._id
      });
      this.list=data
      console.log(this.list);
    },
  }
  }
</script>

<style scoped>
    .img_box0{
      width:100%;
      height:615px;
      overflow:auto;
      margin:0;
    }
    .img_box0 div{
      display: inline-block;
    }
</style>